<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>SimpleGrid for jQuery</title>
	<link rel="stylesheet" href="themes/light/estilo.css" type="text/css" media="screen" title="no title" charset="utf-8">
	
	<script src="js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.simplegrid.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/simpleGrid_addons/jquery.simplegrid.lang.es.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/simpleGrid_addons/jquery.simplegrid.types.imgBoolean.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/json2.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript" charset="utf-8">
		
		var data = [
		  {"id": 1, "birthDate": "1974-05-02", "name": "Maria Juana",'gender':'f', "telephone": "99826542", "show":true,"editable":false},
		  {"id": 2, "birthDate": "1999-12-11", "name": "Barry Allen",'gender':'m',  "telephone": "76458879","show":false,"editable":true},
		  {"id": 3, "birthDate": "1990-10-14", "name": "James Brow",'gender':'m',   "telephone": "18576243","show":true,"editable":false},
		  {"id": 4, "birthDate": "1983-03-02", "name": "Tang Limon",'gender':'m',   "telephone": "93750183","show":false,"editable":false},
		  {"id": 5, "birthDate": "1980-02-02", "name": "Adamo Romo",'gender':'m',   "telephone": "67838172","show":true,"editable":true},
		  {"id": 6, "birthDate": "1999-12-24", "name": "Carmen San Diego",'gender':'f',   "telephone": "29958281","show":true,"editable":false},
		  {"id": 7, "birthDate": "1999-05-02", "name": "Donkey Kong",'gender':'m',  "telephone": "39982654", "show":true,"editable":true},
		  {"id": 8, "birthDate": "1999-12-12", "name": "Solid Snake",'gender':'m',   "telephone": "44458879","show":false,"editable":true},
		  {"id": 9, "birthDate": "1990-12-14", "name": "Luiggi Bros",'gender':'m',   "telephone": "63576243","show":true,"editable":true},
		  {"id": 10, "birthDate": "1983-04-02", "name": "Mario Bros",'gender':'m',   "telephone": "72750183","show":false,"editable":false},
		  {"id": 11, "birthDate": "1983-02-02", "name": "Peter Griffin",'gender':'m',   "telephone": "578838172","show":true,"editable":true},
		]
		
		var target = 'receptor.php';
		$(function(){
			$("#grid_cont").simpleGrid(data,target,{
				headers:{
					"id"		:{title:"ID",key:true,editable:false,type:'int'},
					"birthDate"	:{title:"Birth Date", type:'date', defaultValue:'YYYY-MM-DD',editable:false},
					"name"		:{title:"Name", isNull:false},
					"gender"	:{title:"Gender", possibleValues:{'f':'Female','m':'Male'}, type:'select', defaultValue:'f'},
					"telephone"	:{title:"Telephone", type:'int',defaultValue:'0221',show:true},
					"show"		:{title:"Show?", type:'boolean',defaultValue:true},
					"editable"	:{title:"Editable?", type:'imgBoolean'}
					
				}, lang:'es'
			});
		});
		
	</script>
</head>

<body>

<h1>SimpleGrid v0.1</h1>

<p>Basic local loading data example:</p>

<div id="grid_cont"></div>

</body>
</html>
